<script setup lang="ts">
import { RouterView } from 'vue-router'
import HeaderNavigation from './components/HeaderNavigation.vue'
</script>

<template>
  <HeaderNavigation 
    title="Vue Application"
    :navigationLinks="[
      { path: '/', label: 'Home' },
      { path: '/about', label: 'About' }
    ]"
    :user="{
      name: 'Vue User'
    }"
  />

  <RouterView />
</template>

<style scoped>
/* 这里可以移除原有的header样式，因为我们的组件有自己的样式 */
</style>
